$bgColor: #eff0f4;
$themeColor: #5ac0ce;
$bodyColor: #fff;
$fontSize: 1.6rem;
$fontStack: "STHeitiSC";
$inputColor: #cec0cd;
$maxWidth: 640px;
$itemHeight: 5rem;
* {
    margin: 0;
    padding: 0;
}
/*设置1rem=10px*/
html {
    font-size: 62.5%;
}
body {
    background: $bgColor;
    width: 100%;
    max-width: $maxWidth;
    margin: 0 auto;
    font-family: $fontStack;
    font-size: $fontSize;
}
a {
    text-decoration: none;
}

.top {
    background: $themeColor;
    color: $bodyColor;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .9*$itemHeight;
    line-height: .9*$itemHeight;
    padding: 0 1.5rem;
    a {
        color: #fff;
    }
    h3 {
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-size: 1.8rem;
    }

}

.user {
    .userItem {
        background: #fff;
        margin-top: 0.5rem;
        display: inline-block;
        width: 100%;
        height: $itemHeight;
        line-height: $itemHeight;
        border: none;
        label {
            float: left;
            margin: 0.25*$itemHeight 0;
            width: 5.5rem;
            height: 0.5*$itemHeight;
            line-height: 0.5*$itemHeight;
            background: transparent center center no-repeat;
            background-size: contain;
        }
        .icon-phone {
            background-image: url("../img/iphone.png");
        }
        .icon-lock {
            background-image: url("../img/locked.png");
        }

        input {
            border: none;
            border-left: 1px solid #ccc;
            height: 0.5*$itemHeight;
            line-height: 0.5*$itemHeight;
            width: 70%;
            text-indent: 2rem;
            color: $inputColor;
            outline: none;
            &:focus {
                color: rgb(51,51,51);
            }

        }
    }
    .userItem-login {
        margin-top: 3.5rem;
        .login {
            background: $themeColor;
            width: 100%;
            height: 100%;
            color: $bodyColor;
            border: none;
            font-size: 1.8rem;
            cursor: pointer;
        }
    }

}

.forget {
    color: $themeColor;
    float: right;
    margin: 1rem 1.5rem 0 0;
}
